const c_header = {
    name: "c_header",
    template: `
        <header class="c_header">
            <a class="logo" href="../index.html">
                <img src="../images/logo.png" alt="">
            </a>
            <ul class="list">
                <li v-for="(item,index) in list" :key="index" :class="active == index ? 'active' : ''">
                    <a :href="item.href">
                        {{ item.title }}
                    </a>
                </li>
            </ul>
        </header>
    `,
    data() {
        return {
            list: [{
                href: "../index.html",
                title: "首页"
            }, {
                href: "../index.html?index=1",
                title: "关于我们"
            }, {
                href: "../index.html?index=2",
                title: "产品与服务"
            }, {
                href: "../index.html?index=3",
                title: "团队介绍"
            }, {
                href: "../index.html?index=4",
                title: "加入我们"
            }]
        }
    },
    props: {
        active: {
            type: String,
            default: 0
        }
    },
    beforeMount() {
        
    }
};
Vue.component("c_header", c_header);